<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页1--拷贝</title>
    <link rel="stylesheet" href="css/sy1--kb.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2767427_wytljaqnute.css">
</head>


<body>
    <header>
        <div class="bg-img">
            <img src="./imgs/sy1--kb/矩形 2.png" alt="">
        </div>
        <div class="iphone-logo">
            <div class="left-logo">
                <span>12:22</span>
                <span class="iconfont icon--feihangmoshi"></span>
            </div>
            <div class="right-logo">
                <span class="iconfont icon-phone-signal-full"></span>
                <span class="iconfont icon-icon_huabanfuben"></span>
                <span class="iconfont icon-dianliang"></span>
            </div>
        </div>
        <div class="iphone-title">
            <div class="title-c">
                <span class="iconfont icon-zuojiantou"></span>
                <span>活动详情</span>
            </div>
            <div class="title-d">
                <span class="iconfont icon-weixinxiaochengxudian"></span>
                <span>|</span>
                <span class="iconfont icon-circle"></span>
            </div>
        </div>
        <div class="iphone-cont">
            <div class="left-contt">
                <h3>中软国际设计部实习见习活动</h3>
                <p class="p1"><img src="./imgs/sy1--kb/2.png" alt=""><span>李老师</span></p>
                <p class="p2"><span class="iconfont icon-shijian"></span><span>2020.07.18 - 2020.08.18</span></p>
            </div>
            <div class="right-contt">
                <img src="./imgs/sy1--kb/图层 1308 拷贝 2.png" alt="">
            </div>
        </div>
    </header>
    <section>
        <article class="frist-cont">
            <div class="activity-title">
                <span class="activity">对接企业</span>
                <span>活动介绍</span>
                <span>活动目的</span>
                <span>活动成员</span>
            </div>
        </article>
        <article class="second-cont">
            <div class="left-conttt">
                <h3>对接企业</h3>
                <h2>山西中软国际有限公司</h2>
                <p class="p1"><span class="iconfont icon-wxbdingwei"></span><span>太原市小店区龙城大街118号34层</span></p>
                <p class="p2"><span class="iconfont icon-shijian"></span><span>2020.07.18 - 2020.08.18</span></p>
            </div>
            <div class="right-conttt">
                <img src="./imgs/sy1--kb/图层 1308 拷贝 2.png" alt="">
            </div>
        </article>
        <article class="third-cont">
            <div class="title-introduce">
                <h3>活动介绍</h3>
            </div>
            <div class="introduce-second">
                <p>大学生往往通过实习才能迅速的掌握所学，这里给 你介绍实习的意义和效果! </p>
                <p>所谓毕业实习是学生在指导老师的指导下，独立从 事社会实践工作的初步尝试，其基本目的是培养学 生综合运用所学的基础理论、专业知识、基本技能 应对和处理问题的能力，是学生对四年所学知识和 技能进行系统化、综合化运用、总结和深化的过程 通过毕业实习的过程，检查学生的思维能力、创造 能力、实践能力等各方面综合能力。</p>
            </div>
        </article>
        <article class="fout-cont">
            <div class="title-aim">
                <h3>活动介绍</h3>
            </div>
            <div class="aim-cont">
                <p>大学生往往通过实习才能迅速的掌握所学，通过此 次实习学生可以学习到职场中项目设计的整体流程 与当下流行设计的趋势与风格。</p>
            </div>
        </article>
        <article class="five-cont">
            <div class="title-member">
                <h3>活动成员</h3>
            </div>
            <div class="member-cont">
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
            </div>
            <div class="member-cont">
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
                <div class="member">
                    <img src="./imgs/sy1--kb/3.png" alt="">
                    <p>吴磊</p>
                </div>
            </div>
        </article>
    </section>
    <footer>
        <div class="btn-add">
            <span>申请加入</span>
        </div>
    </footer>
</body>

</html>